<template>
  <view>
    <view class="text-center pt-25 pb-30">
      <img src="@/static/logo.png" class="w-13 h-13" />
    </view>

    <view class="px-7">
      <view class="btn-block bg-primary text-white mb-4">本机号码一键登录</view>
      <view class="btn-ghost text-black/85">本机号码一键登录</view>
    </view>

    <view class="mt-7">
      <van-checkbox class="justify-center" :icon-size="15" v-model="form.agree">
        <view class="flex text-black/60 text-xs">
          <text>我同意并遵守高维学堂</text>
          <view>
            <text class="text-#4582ff">《用户协议》</text>和
            <text class="text-#4582ff">《隐私政策》</text>
          </view>
        </view>
      </van-checkbox>
    </view>
  </view>
</template>

<script lang="ts" setup>
  import { ref, computed } from 'vue';
  import { onShow, onLoad } from '@dcloudio/uni-app';

  const form = ref({
    phone: '',
    msgCode: '',
    agree: false,
  });

  onLoad(() => {});
</script>
